<div class="one-btn-tab">
  <div class="btn-group site user_site_button">
  </div>
</div>
<div class="one-btn-data-type">
  <div class="btn-group dataType">
    <div class="btn btn-default" [class.active]="chain.dataType === 'dayData'" (click)="clickDataType('dayData')">日</div>
    <div class="btn btn-default" [class.active]="chain.dataType === 'weekData'" (click)="clickDataType('weekData')">周</div>
    <div class="btn btn-default" [class.active]="chain.dataType === 'monthData'" (click)="clickDataType('monthData')">月</div>
    <div class="btn btn-default" [class.active]="chain.dataType === 'yearData'" (click)="clickDataType('yearData')">年</div>
  </div>
  <div class="form-container">
    <form action="#"  class="form-inline">
      <label [class.user_hide]="chain.dataType !== 'dayData'" [class.user_show]="chain.dataType == 'dayData'" ><input type="text" class="form-control" id="chainDate" style="width:230px;"></label>
      <div [class.user_hide]="chain.dataType === 'dayData'" [class.user_show]="chain.dataType !== 'dayData'">
          <label><input type="number" class="form-control" id="chainYear" style="width:80px;" min="1" [max]="chain.nowYear" [value] = "chain.year" (change)="changeDate('year')"><span>年</span></label>
          <label *ngIf="!chain.isYearData"><span>第 </span><input type="number" class="form-control" style="width:80px;" id="chainDay" min="1" [max]="chain.weekOrMonth" [value] = "chain.weekOrMonth"  (change)="changeDate('weekOrMonth')"><span>{{chain.weekOrMonthCode}}</span></label>
      </div>
      <button type="button" class="btn btn-success" (click)="search()">查询</button>
    </form>
  </div>
</div>
<div class="one-table-area">
  <table class="table table-striped" id="airQualityChainTable">

  </table>
</div>
<div class="one-data-loadState"></div>
